<template>
  <div class="analyse-water">
    <div class="flex-1">
      <Panel1 />
      <Panel2 />
    </div>
    <div class="flex-1">
      <Panel3 />
      <Panel4 />
    </div>
    <div class="flex-1">
      <Panel5 />
      <Panel6 />
    </div>
  </div>
</template>
<script setup>
import Panel1 from './panel1.vue'
import Panel2 from './panel2.vue'
import Panel3 from './panel3.vue'
import Panel4 from './panel4.vue'
import Panel5 from './panel5.vue'
import Panel6 from './panel6.vue'
</script>

<style lang="scss" scoped>
.analyse-water{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  width: 100%;
  overflow-x: hidden;
}
</style>
